﻿@model IEnumerable<Fcom.VNInsurance.Web.Models.CPInfo>
@{
  
    Layout = "~/Views/Shared/_0311layout.cshtml";
    var LangProduct = (Fcom.VNInsurance.Web.Models.ProductLang)ViewBag.LangProduct;
    var CurrentLang = (Fcom.VNInsurance.Web.Models.Language)ViewBag.CurrentLang;
    var LangCat = (Fcom.VNInsurance.Web.Models.ProductCatLang)ViewBag.LangCat;
    var productFAQ = (IEnumerable<Fcom.VNInsurance.Web.Models.ProductFAQ>)ViewBag.productFAQ;
      ViewBag.Title = Fcom.VNInsurance.Web.LangResource.Layout.lblCompareText + " " +LangProduct.DisplayName;
    var i = 1;
}

<div class="container">
     <ul class="breadcrumb" style="margin-bottom:0px !important">
                      <li><a href="@Url.Action("Index","Home")">@Fcom.VNInsurance.Web.LangResource.Layout.lblHome</a></li>
                      <li><a href="@Url.Action("ProductCat", "Product", new {pCat=@LangCat.CatID})">@LangCat.DisplayName</a></li>
                      <li class="active">@LangProduct.DisplayName</li>
      </ul>
            <div style="clear:both"></div>
    <div class="top_slider container" id="afocus">
             <div class="col-lg-7" style="padding-top:10px;font-weight:bold;">
             @Fcom.VNInsurance.Web.LangResource.ContactLayout.lblComapreMaket
             </div>
			<div class="col-lg-4">
                        <ol class="top_bar">
                        <li><a class="active" id="show_div"><span style="font-weight:bold;">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblinfomation</span></a> </li>
                        <li><a class="bar_2_active"><span>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblcomparison</span></a></li>
                        <li><a class="bar_3"><span>@Fcom.VNInsurance.Web.LangResource.Layout.lblPolicy</span></a></li>
                        <li style="width: 70px !important;"><a class="bar_4"><span>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblfinish</span></a></li>
                    </ol>
            <div style="clear:both"></div>
			</div>
           <div style="clear:both"></div>
        </div>
</div>

<div class="container" style="margin-top:10px">
    
    <table class="table table-bordered table-hover" id="tbcompare">
        <thead>
          <tr style="background:#D3D3D3">
            <th style="text-align:center">@Fcom.VNInsurance.Web.LangResource.Layout.lblCompany</th>
            <th>@Fcom.VNInsurance.Web.LangResource.Layout.lblBenefit</th>
            <th>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblInsuranceMoneytext (@CurrentLang.MoneyUnit)</th>
            <th style="text-align:center">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblFarePerson<br />(@CurrentLang.MoneyUnit)</th>
            <th style="text-align:center">  @Fcom.VNInsurance.Web.LangResource.ContactLayout.lbljoin</th>
          </tr>
        </thead>
        <tbody>
         @if (Model.Count() > 0)
         { 
             
             foreach(var cp in Model)
             {
                 
              <tr class="row @(i%2==0 ? "trline2" : "") ">
                <td style="text-align:center">
                    <div class="container" style="width:300px">
                       <a href="@Url.Action("CompanyProductDetail", "CompanyProduct", new { ID=cp.CProductID})">
                    <img alt="VNBaoHiem"  src="@Url.Content("~/Content/images/CompanyLogo/"+cp.CompanyLogo)" style="width:300px;" />
                           </a>
                           <br />

                    <b>@cp.CompanyName</b> @cp.ProductName
                   
                   
                        </div>
                </td>
                <td valign="top">
                   <div class="container" style="padding:15px;width:270px;">@Html.Raw(HttpUtility.HtmlDecode(cp.Benefit))</div> </td>
                <td  style="text-align:center">  <div class="container" style="font-weight:bold;color:#1D045E;width:100px;">
                    @String.Format("{0:#,###}", cp.InsuranceMoney)</div></td>
                <td style="text-align:center">
                    <div class="container" style="font-weight:bold;color:#1D045E;width:100px"> @String.Format("{0:#,###}", cp.Fare)</div></td>
                <td style="text-align:center"><a href="@Url.Action("LivesApply", "Life", new { ID=cp.CProductID})" class="btn btn-lg btn-success">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblApply>></a><br />
                    <a class="btnviewmore" style="font-size:11px" href="#">@Fcom.VNInsurance.Web.LangResource.Layout.lblMoreinfo</a> 
                </td>
              </tr>
             <tr class="hiddentr nexttr @(i%2==0 ? "trline2" : "")" rel="">
                <td colspan="6">
                   <div class="container" style="padding:15px">@Html.Raw(HttpUtility.HtmlDecode(cp.MoreInfo))</div>  </td>
             </tr> 
                 i++;
            }
         }
            else
            {
            <tr>
            <td colspan="5">Updating...</td>
          </tr> 
         }
        </tbody>
      </table>
</div>
<div style="padding-left:30px;padding-right:30px;padding-top:10px;line-height:25px;" class="ctcontainer">
    @Html.Raw(HttpUtility.HtmlDecode(LangProduct.DisplayIntro))
   <br />
    <p id="vnquestion-fb"> @Fcom.VNInsurance.Web.LangResource.ContactLayout.lblIfhaveQuestion</p>
   
</div>
<div class="container">
    <div class="accright">   
   
          <div id="disqus_thread"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'vnbaohiemcom'; // required: replace example with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function () {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
  
    
        </div>

 <div class="accleft">
              
     <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVnbaohiem&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:260px;" allowTransparency="true"></iframe>   
         <div class="container">
                              <!-- AddThis Button BEGIN -->
        <div class="addthis_toolbox addthis_default_style ">
        <a class="addthis_button_preferred_1"></a>
        <a class="addthis_button_preferred_2"></a>
        <a class="addthis_button_preferred_3"></a>
        <a class="addthis_button_preferred_4"></a>
        <a class="addthis_button_compact"></a>
        <a class="addthis_counter addthis_bubble_style"></a>
        </div>
     
        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52116863612dd7b2"></script>
        <!-- AddThis Button END -->
         </div>
    </div>
    
<div style="clear:both"></div>
    </div>
<script type="text/javascript">
    $("a.btnviewmore").click(function () {
        var viewmore = $(this).parent().parent().next();
        if (viewmore.attr("rel") == "") {
            viewmore.attr("rel", "1");
            $(this).text("@Fcom.VNInsurance.Web.LangResource.Layout.lblToSmall");
            viewmore.removeClass("hiddentr");
        }
        else {
            viewmore.attr("rel", "");
            viewmore.addClass("hiddentr");
            $(this).html("@Fcom.VNInsurance.Web.LangResource.Layout.lblMoreinfo");
        }
        return false;
    });
</script>
